<script src="/login/status"></script>
<script>
  if (!isLogin) {
    location.href = 'admin/login.html'
  }
</script>
<script>
  // 从浏览器的地址栏中获取查询参数
  function getUrlParams(name) {
    var paramsAry = location.search.substr(1).split('&');
    // 循环数据
    for (var i = 0; i < paramsAry.length; i++) {
      var tmp = paramsAry[i].split('=');
      if (tmp[0] == name) {
        return tmp[1];
      }
    }
    return -1;
  }
  if (getUrlParams('categoryId') == -1) location.href = 'index.html'
</script>

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>阿里百秀-发现生活，发现美!</title>
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.css">
</head>

<body>
  <div class="wrapper">
    <div class="topnav">
      <ul id="topNavBox">
      </ul>
    </div>
    <div class="header">
      <h1 class="logo"><a href="index.html"><img src="assets/img/logo.png" alt=""></a></h1>
      <ul class="nav" id="navBox">
      </ul>
      <div class="search">
        <form>
          <input type="text" class="keys" placeholder="输入关键字">
          <input type="submit" class="btn" value="搜索">
        </form>
      </div>
    </div>
    <div class="aside">
      <div class="widgets">
        <h4>搜索</h4>
        <div class="body search">
          <form>
            <input type="text" class="keys" placeholder="输入关键字">
            <input type="submit" class="btn" value="搜索">
          </form>
        </div>
      </div>
      <div class="widgets">
        <h4>随机推荐</h4>
        <ul class="body random" id="publicBox">
        </ul>
      </div>
      <div class="widgets">
        <h4>最新评论</h4>
        <ul class="body discuz" id="commentBox">
        </ul>
      </div>
    </div>
    <div class="content">
      <div class="panel new" id="listBox">
        <h3 id="categoryTitle"></h3>
      </div>
    </div>
    <div class="footer">
      <p>© 2016 XIU主题演示 本站主题由 themebetter 提供</p>
    </div>
  </div>
</body>
<script src="assets/vendors/swipe/swipe.js"></script>
<script src="./assets/vendors/jquery/jquery.min.js"></script>
<script src="./assets/vendors/art-template/template-web.js"></script>
<script src="./assets/js/public.js"></script>
<!-- 按分类查询文章列表模板 -->
<script type="text/html" id="listTpl">
  {{each data}}
  <div class="entry">
    <div class="head">
      <a href="detail.html?id={{$value._id}}">{{$value.title}}</a>
    </div>
    <div class="main">
      <p class="info">{{$value.author.nickName}} 发表于 {{$imports.formdate($value.createAt)}}</p>
      <p class="brief"></p>
      <p class="extra">
        <span class="reading">阅读({{$value.meta.views}})</span>
        <span class="comment">评论({{$value.meta.comments}})</span>
        <a href="detail.html?id={{$value._id}}" class="like">
          <i class="fa fa-thumbs-up"></i>
          <span>赞({{$value.meta.likes}})</span>
        </a>
        <a href="javascript:;" class="tags">
          分类：<span>{{$value.category.title}}</span>
        </a>
      </p>
      <a href="detail.html?id={{$value._id}}" class="thumb">
        <img src="{{$value.thumbnail || './uploads/upload_cb7ae004ba4dd89c32bb23110ef60e92.png'}}" alt="">
      </a>
    </div>
  </div>
  {{/each}}
</script>
<script>
  // 获取地址栏中的categoryId参数
  var categoryId = getUrlParams('categoryId');

  //按分类查询文章列表
  $.ajax({
    type: 'get',
    url: '/posts/category/' + categoryId,
    success: function (response) {
      var html = template('listTpl', {
        data: response
      })
      $('#listBox').append(html)
      $('#categoryTitle').html(response[0] && response[0].category.title)
    }
  })
</script>

</html>